/*=== TOP_MENU =======================================================================*/
#topMenu {
    height: 30px;
    text-align: right;
}

#topMenu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#topMenu ul li {
    margin: 0;
    display: inline-block;
}

#topMenu ul li a {
    color: #FF4500;
    text-decoration: none;
    padding: 0;
    margin: 3px 10px 0 10px;
    display: block;
}

#topMenu ul li a:hover {
    text-shadow: 1px 0 0 #FF4500;
}

/*--- END ----------------------------------------------------------------------------*/

/*=== LOGIN/REGISTRATION =============================================================*/
#loginRegistration {
    height: 30px;
    text-align: center;
    background: linear-gradient(#000000, #404040);
    border-radius: 0 0 5px 20px;
}

#loginRegistration ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#loginRegistration ul li {
    margin: 0;
    display: inline-block;
}

#loginRegistration ul li a {
    color: #FFFFFF;
    text-decoration: none;
    padding: 0;
    margin: 3px 10px 0 10px;
    display: block;
}

#loginRegistration ul li a:hover {
    text-shadow: 1px 1px 0 #FF4500;
}

/*--- END ----------------------------------------------------------------------------*/

/*=== MENU ===========================================================================*/
#menu {
    height: 50px;
}

#menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    width: 100%;
    font-weight: bold;
}

#menu ul li {
    float: left;
    position: relative;
    display: block;
}

#menu ul li a {
    color: #FFFFFF;
    text-shadow: 1px 1px 0 #000000;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    margin: 0;
    padding: 15px 10px 0 10px;
    display: block;
    min-width: 120px;
}

#menu ul li a:hover {
    height: 35px;
    background: linear-gradient(#464646, #323232 50%, #1E1E1E 30%, #000000);
    border-radius: 5px 5px 0 0;
}

/*--- ВЫПАДАЮЩИЕ ПУНКТЫ ---*/
#menu ul ul {
    list-style: none;
    position: absolute;
    left: -9999px; /* Скрываем за экраном, когда не нужно (данный метод лучше, чем display:none;) */
    opacity: 0; /* Устанавливаем начальное состояние прозрачности */
    /*-webkit-transition: 0.25s linear opacity; *//* В Webkit выпадающие пункты будут проявляться */

}

#menu ul ul li {
    float: none;
    background-color: #000000;
}

#menu ul ul a {
    text-align: left;
    padding: 10px 0 0 10px;
    white-space: nowrap; /* Останавливаем перенос текста и создаем многострочный выпадающий пункт */
    display: block;

}

#menu ul li:hover ul {
    /* Выводим выпадающий пункт при наведении курсора */
    left: 0; /* Приносим его обратно на экран, когда нужно */
    opacity: 1; /* Делаем непрозрачным */
}

#menu ul li:hover a {
    /*Устанавливаем стили для верхнего уровня, когда выводится выпадающий список */
    height: 37px;
    background-color: #000000;
    border-radius: 5px 5px 0 0;
}

#menu ul li:hover ul a {
    /* Изменяем некоторые стили верхнего уровня при выводе выпадающего пункта */
    min-width: 260px;
    height: 25px;
    border-radius: 0;
    text-decoration: none;
    /*-webkit-transition: -webkit-transform 0.075s linear;*/

}

#menu ul li:hover ul li a:hover {
    /* Устанавливаем стили для выпадающих пунктов, когда курсор наводится на конкретный пункт */
    background: linear-gradient(#FF8854, #FF4500);
}

/*--- END ----------------------------------------------------------------------------*/

/*=== SEARCH =========================================================================*/
#search {
    /*height: 50px;*/
    padding-top: 8px;
    text-align: right;
}

/*=== REGISTRATION ===================================================================*/
#registrationForm table input {
    width: 250px;
}

#registrationForm table select {
    width: 250px;
}

#registrationButton input {
    height: 30px;
    font-weight: bold;
    font-size: 14px;
}

#registrationButton input:hover {
    text-shadow: 1px 1px 0 #FFFFFF;
}

/*--- END ----------------------------------------------------------------------------*/

/*=== LOGIN ==========================================================================*/
#login table {
    margin: 30px auto 0 auto;
    width: 300px;
    height: 170px;
    background: linear-gradient(#0F0F0F, #404040);
    border-radius: 7px;
    border: 2px solid #FF4507;
}

#login table td {
    text-align: center;
}

#login input {
    margin: 5px;
    padding: 5px;
    width: 200px;
    height: 25px;
    font-size: 16px;
    border-radius: 7px;
}

#login input:focus {
    border: 2px solid #2B94D1;
}

#buttonLogin {
    width: 100px;
    height: 40px;
    font-weight: bold;
    font-size: 16px;
}

#buttonLogin:hover {
    text-shadow: 1px 1px 0 #FFFFFF;
}

/*--- END ----------------------------------------------------------------------------*/

/*=== PRODUCT INFO/EDIT ==========================================================================*/
#productInfoEdit table {
    margin: 20px auto;
    background: linear-gradient(#0F0F0F, #404040);
    border-radius: 7px;
    border: 2px solid #000000;
    width: 100%;
}

#productInfoEdit td span {
    color: #FFFFFF;

}

#productInfoEdit td label {
    font-weight: bold;
    color: #FF4500;

}

#productInfoEdit input {
    width: 100%;
}

.testW1 {
    min-width: 120px;
    width: 120px;
    vertical-align: top;
}

.testW2 {
    min-width: 400px;
    width: 400px;
}